
.j-modal-box {
    &.fullscreen {
      top: 0;
      left: 0;
      padding: 0;

      // 兼容1.6.2版本的antdv
      & .ant-modal {
        top: 0;
        padding: 0;
        height: 100vh;
      }

      & .ant-modal-content {
        height: 100vh;
        border-radius: 0;

        & .ant-modal-body {
          height: 100vh;
          overflow: auto;
        }
      }

      &.no-title, &.no-footer {
        .ant-modal-body {
          height: calc(100% - 55px);
        }
      }
      &.no-title.no-footer {
        .ant-modal-body {
          height: 100%;
        }
      }
    }

    .j-modal-title-row {
      .left {
        width: calc(100% - 56px - 56px);
      }

      .right {
        width: 56px;
        position: inherit;

        .ant-modal-close {
          right: 56px;
          color: rgba(0, 0, 0, 0.45);

          &:hover {
            color: rgba(0, 0, 0, 0.75);
          }
        }
      }
    }
    &.no-title{
      .ant-modal-header {
        padding: 0px 24px;
        border-bottom: 0px !important;
      }
    }
  }

  @media (max-width: 767px) {
    .j-modal-box.fullscreen {
      margin: 0;
      max-width: 100vw;
    }
  }

.left-circle-back {
    font-size: 30px;
    cursor: pointer;
    transition: all .3s;
    &:hover {
      color: #1890ff;
    }
  }

  // .ant-menu {
  //   height: calc(100vh - 64px);
  // }
.ant-layout-header {
  height: 72px !important;
  background: #fff !important;
  padding: 14px 30px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

a.red {
  color: red;
  &:hover {
    color: rgb(255, 88, 88);
  }
}

.ant-layout-content {
  max-height: calc(100vh - 70px) !important;
}

.cacp {
  .ant-btn[disabled] {
    background: #EBEFF4;
    border-radius: 3px;
    color: #7A879C;
    &:hover {
      background: #EBEFF4;
      border-radius: 3px;
      color: #7A879C;
    }
  }
  .ant-btn-b {
    background: #3F8CFF;
    border: 1px solid #3F8CFF;
    &:hover,&:focus {
      background: #5498ff;
      border: 1px solid #3F8CFF;
    }
  }
  
  .ant-btn-danger {
    background: #FE0101;
    &:hover {
      background: #e90e0e;
      opacity: 1;
      color: #fff;
    }
  }
  .ant-btn-sm {
    font-size: 12px;
  }

  .hccard {
    .a-button-blue {
      margin-top: -16px;
    }
  }
  .a-button-red {
    background: #E20C0C !important;
    padding: 0 10px;
    color: #fff !important;
    border: none;
    height: 32px;
    line-height: 32px;
    font-size: 14px !important;
    margin-top: -16px;
    span:not(:first-child) {
      margin-left: 5px;
      color: #fff !important;
    }
    &:hover, &:focus {
      outline: none;
      border: none;
      background: #ff1a1a !important;
    }
    .svg-icon {
      font-size: 18px;
      transform: translate(0, 1px);
    }
  }

  .a-button-large {
    padding: 0 18px !important;
    height: 40px !important;
    line-height: 40px !important;
    border-radius: 10px;
    min-width: 100px;
    > .svg-icon {
      font-size: 20px;
      transform: translate(0, 1px);
    }
    &.ant-btn-round {
      border-radius: 32px;
    }
  }

  .a-radio-button-blue {
    .ant-radio-button-wrapper-checked {
      background: #1F3B8A !important;
      border-color: #1F3B8A !important;
    }
    .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
      box-shadow: 0 0 0 3px rgba(31, 59, 138, 0.08) !important;
    }
    
  }

  .ant-pagination-item-active {
    background: #1F3B8A;
    border-color: #1F3B8A;
    a {
      color: #fff !important;
    }
  }
  .ant-pagination-item {
    border-color: transparent;
  }
  .ant-pagination-next, .ant-pagination-prev {
    a {
      border-color: transparent;
    }
  }
}

.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ellipsis-2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.ellipsis-3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.ellipsis-5 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
}
.ellipsis-6 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  overflow: hidden;
}



.a-spin-card {
  position: absolute !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.a-empty-card {
  position: absolute !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.page-card {
  padding: 30px 30px;
  width: 100%;
  margin: 0 auto;
  border-radius: 20px;
  background: #fff;
}

.zebraStripes {
  tr.ant-table-row:nth-child(odd) {
    background-color: #fafafa;
  }
}


.ant-btn.a-button-blue {
  background: #1F3B8A;
  padding: 0 12px;
  color: #fff !important;
  border: none;
  height: 32px;
  line-height: 32px;
  font-size: 14px !important;
  // border: 1px solid #1F3B8A;
  // 
  span:not(:first-child) {
    margin-left: 5px;
    color: #fff !important;
  }
  &:hover, &:focus {
    outline: none;
    border: none;
    background: rgb(45, 68, 133) !important;
  }
  
}
.ant-btn.a-button-yellow {
  background: #fa8c16;
  padding: 0 12px;
  color: #fff !important;
  border: none;
  height: 32px;
  line-height: 32px;
  font-size: 14px !important;
  // 
  span:not(:first-child) {
    margin-left: 5px;
    color: #fff !important;
  }
  &:hover, &:focus {
    outline: none;
    border: none;
    background: #fa8c16 !important;
  }
}

#body .alert-message {
  background: #E0E8FF;
  border: 1px solid #1F3B8A;
  color: #000;
  .ant-alert-message {
    >span {
      >span:nth-child(2) {
        margin-left: 20px;
        margin-right: 12px;
        color: #999;
        cursor: pointer;
      }
      >span:nth-child(3) {
        color: red;
        cursor: pointer;
      }
    }
  }

  
}

.a-button-blue.a-button-border, .a-button-border {
    background: none !important;
    border: 1px solid #1F3B8A !important;
    color: #1F3B8A !important;
    box-sizing: border-box;
    &:hover, &:focus {
      background: none !important;
      border: 1px solid #1F3B8A !important;
    }
  }

.n-row-5 {
  .ant-col-4 {
    width: 20%;
  }
}

.n-row-3 {
  .ant-col-8 {
    width: 30%;
  }
}

.hover-shadow {
  transition: all .4s;
  cursor: pointer;
  &:hover {
    box-shadow: 0 0 12px rgba(24, 144, 255, 0.3) !important;
    transform: translate3d(0,-2px,0);
  }
}

#body {
  .ant-dropdown-menu-item {
    padding: 10px 12px;
    font-size: 16px;
  }
  .ant-dropdown-menu-item:hover, .ant-dropdown-menu-submenu-title:hover {
    background: rgba(31, 59, 138, 0.8);
    
    a {
      color: #fff;
    }
  }
  .ant-dropdown-menu-item-active {
      color: #fff;
    }
  .ant-table-tbody > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td {
    background: rgba(189, 195, 201, 0.2);
  }
  .ant-timeline-item-head-blue {
    background: #1F3B8A;
  }
  .ant-timeline-item-tail {
    border-left: 2px solid rgba(31, 59, 138, 0.5);
  }
  .font-right {
    text-align: right;
  }
  .ant-form label {
    font-size: 16px;
  }
}




.home {
  @media (max-width: 1900px) {
    .event-card {
      padding: 20px 16px;
    }
    .hcard-default {
      padding: 20px 16px !important;
    }
    .halert .halert--footer-btn {
      right: 4px !important;
    }
  }

  @media (max-width: 1850px) {
    // .home-content .urgent-btn {
    //   width: 98px !important;
    //   font-size: 14px !important;
    // }
  }

  @media (max-width: 1820px) {
    .hccard {
      padding: 20px 12px;
    }
  }
  
  //
  @media (max-width: 1740px) {
    .event-card {
      padding: 20px 8px;
    }
    .event-card .event-card-cnt .event-card--text p {
      font-size: 12px;
      white-space: nowrap;
    }
  }

  @media (max-width: 1720px) {
    .home-content .cockpit-icon {
      transform: scale(0.8);
    }
  }

  @media (max-width: 1700px) {
    .hcard.hcard-large {
      padding-left: 20px !important;
    }
    .h-list-item .h-list-item--footer > span:last-child {
      transform: scale(0.9);
      white-space: nowrap;
    }
    .h-list-item.h-list-item-hot .h-list-item--footer > span:first-child {
      white-space: nowrap;
      transform: scale(0.9);
      margin-left: -7px;
    }
    .ant-divider {
      margin: 0 4px !important;
    }
    @media (max-width: 1720px) {
    .home-content .cockpit-icon {
      transform: scale(0.7);
      right: -12px !important;
    }
  }
  }
  
  @media (max-width: 1660px) {
    // .home-content .urgent-btn:not(:first-child) {
    //   margin-left: 8px !important;
    // }
  }
  @media (max-width: 1600px) {
    .h-list-item-hot {
      &.h-list-item .h-list-item--footer > span:last-child {
        transform: scale(0.8);
        white-space: nowrap;
        margin-left: -24px;
      }
    }
    .home-content .urgent-btn {
      // width: 90px !important;
      // font-size: 12px !important;
    }
    
  }
}

.ant-tag-green {
  background: none !important;
  color: #24B677; 
}
.ant-tag-blue {
  background: none !important;
  color: #12A9FF; 
}
.ant-tag {
  font-size: 14px !important;
}

.align-center {
  text-align: center;
}

// .hlist-pagination {
//   text-align: center;
//   position: absolute;
//   bottom: 20px;
//   width: calc(100% - 48px);
// }

.ant-form-item {
  // margin-bottom: 2px !important;
}

// .pz-btn {
//   margin-top: -24px !important;
// }

.a-button-right {
    position: absolute !important;
    right: 0;
    top: 0;
  }

  .event-modal {
    .ant-table-pagination.ant-pagination {
      margin: 0 auto !important;
    }
  }

.ant-table-thead {
  // font-size: 16px;
  font-weight: bold;
}

.scroll {
  &::-webkit-scrollbar {
    width: 8px;
    height: 4px;
  }
  &::-webkit-scrollbar-thumb {
      border-radius: 10px;
      background: #1F3B8A;
    }
  &::-webkit-scrollbar-track {
    border-radius: 10px;
    background: #EDEDED;
  }
}

.dark-form {
  .ant-form-item-label {
    label {
      color: #fff;
    }
  }
  .ant-input {
    background: transparent !important;
    color: #fff !important;
  }
  .has-error .ant-input {
    border-color: rgb(255, 189, 189);
  }
  .has-error .ant-input:hover {
    border-color: rgb(255, 189, 189);
  }
  .ant-form-explain {
    color: #fff !important;
  }
  .ant-upload.ant-upload-drag {
    background: none;
  }
  .ant-upload.ant-upload-drag p.ant-upload-text {
    color: #fff;
  }
  .ant-upload-list,.ant-upload-list-item-info .anticon-paper-clip,.ant-upload-list-item-info,.ant-upload-list-item-info span,.ant-upload-list-item-info span span a i {
    color: #fff;
  }
  .ant-upload-list-item {
    &:hover {
      background: none;
    }
  }
  .ant-upload-list-item:hover .ant-upload-list-item-info {
    background: none !important;
  }
}

.ant-table-fixed-header > .ant-table-content > .ant-table-scroll > .ant-table-body {
  &::-webkit-scrollbar {
    width: 8px;
    height: 4px;
  }
  &::-webkit-scrollbar-thumb {
      border-radius: 10px;
      background: #1F3B8A;
    }
  &::-webkit-scrollbar-track {
    border-radius: 10px;
    background: #EDEDED;
  }
}

.ant-select-dropdown-menu {
  &::-webkit-scrollbar {
    width: 4px;
    height: 4px;
  }
  &::-webkit-scrollbar-thumb {
      border-radius: 10px;
      background: #aaa;
    }
  &::-webkit-scrollbar-track {
    border-radius: 10px;
    background: #EDEDED;
  }
}

.detail,.share-modal {
    .detail-header {
      position: relative;
      >span {
        margin-right: 39px;
        font-size: 16px;
        font-weight: 500;
        color: #333333;
        >span {
          margin-left: 8px;
        }
      }
      .detail-right-btn {
        position: absolute;
        right: 0;
        top: -8px;
        >button {
          margin-left: 20px;
        }
      }
    }
    .detail-ccard {
      margin-top: 30px;
      margin-bottom: 50px;
      // padding-bottom: 60px;
      .detail-title {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        margin: 0 auto;
        margin-top: -20px;
        max-width: 100%;
        .ant-tag {
          margin-top: 4px;
        }
        .detail-tag {
          width: 57px;
          height: 26px;
          border: 1px solid #1690EE;
          border-radius: 5px;
          font-size: 16px;
          font-weight: 400;
          color: #1690EE;
          text-align: center;
          line-height: 25px;
          margin-right: 13px;
          transform: translate(0, 2px);
          // position: absolute;
        }
        h1 {
          font-size: 24px;
          font-weight: 500;
          color: #333333;
          margin: 0;
          line-height: 1.4;
          max-width: 80%;
          text-align: center;
        }
      }
      .detail-tags {
        font-size: 16px;
        font-weight: 400;
        color: #1F3B8A;
        margin: 0 auto;
        text-align: center;
        margin-top: 18px;
        .ant-divider {
          background: #1F3B8A;
        }
      }

      .detail-content {
        margin-top: 40px;
        color: #333;
        font-size: 18px;
        line-height: 2;
        >p {

        }
        img {
          max-width: 100%;
        }
      }
      .detail-link {
        font-size: 16px;
        font-weight: 400;
        color: #1890FF;
        margin-top: 36px;
        text-align: center;
        >a {
          color: #1890FF;
        }
      }
      .detail-file {
        font-size: 16px;
        font-weight: 400;
        margin-top: 18px;
        color: #333;
        // margin-bottom: 18px;
        >span {
          font-size: 40px;
          margin-right: 20px;
        }
        img {
          width: 30px;
          margin-left: 30px;
          cursor: pointer;
          &:first-child {
            margin-left: 26px;
          }
        }
      }
    }
    .tip-btn {
      text-align: right;
      margin-top: -20px;
    }
    .tip-btn2 {
      display: flex;
      justify-content: space-between;
      margin-top: 20px;
      font-size: 16px;
    }
    .normal-text {
      font-size: 16px;
      font-weight: 400;
      // color: #333;
      line-height: 2;
      margin-top: -8px;
      padding-bottom: 12px;
      border-bottom: 1px solid #e5e5e5;
      margin-bottom: 24px;
      &:last-child {
        border: none;
        margin-bottom: 0;
      }
      p {
        margin: 0;
      }
      .normal-text-footer {
        text-align: right;
        >span:last-child {
          color: #999;
          margin-left: 12px;
        }
      }
      .normal-text-footer-flex {
        display: flex;
        justify-content: space-between;
        >span:first-child {
          font-weight: bold;
          font-size: 18px;
        }
      }
    }
    .detail-tab {
      .a-button-blue {
        margin-right: 20px;
        margin-bottom: 8px;
      }
      display: flex;
      flex-wrap: wrap;
    }
    .detail-zl-header {
      font-size: 18px;
      font-weight: 400;
      color: #333333;
      position: relative;
      p {
        font-size: 16px;
        color: #666;
      }
      .zl-btn {
        position: absolute;
        right: 0;
        top: 12px;
      }
    }
    .detail-table {
      width: 100%;
      td {
        border: 1px solid #eee;
        height: 60px;
        padding: 0 30px;
        font-size: 16px;
        position: relative;
        >span.time {
          position: absolute;
          right: 20px;
          top: 20px;
        }
        &.align-center {
          width: 120px;
        }
      }
    }
    .timeline-cnt {
      margin-top: 100px;
    }
    .timeline-card {
      width: 94%;
      border-radius: 16px;
      background: rgba(235,238,246, 0.4);
      // border: 1px solid #efefef;
      padding: 16px 20px;
      // box-shadow: 0 0 10px rgba(0,0,0,0.1);
      margin-left: 30px;
      transform: translate(0, -46%);
      position: relative;
      display: flex;
      color: #91929E;
      font-size: 16px;
      >.svg-icon {
        color: rgba(235,238,246, 0.4);
        position: absolute;
        left: -22px;
        font-size: 28px;
        top: 50%;
        transform: translate(0, -50%);
      }
      p {
        margin: 0;
        font-size: 16px;
      }

      >div:nth-child(2) {
        border-right: 1px solid #ddd;
        padding-right: 16px;
        padding-left: 8px;
        box-sizing: border-box;
        width: 140px;
        flex-shrink: 0;
        // font-size: 14px;
        >p:nth-child(2) {
          font-size: 18px;
          margin-bottom: 8px;
        }
      }
      >div:last-child {
        padding: 0 28px;
        box-sizing: border-box;
        font-size: 14px;
      }
      .timeline-nickname {
        font-size: 14px;
        >span:first-child {
          color: #333;
          font-size: 17px;
          margin-right: 12px;
        }
        margin-bottom: 6px;
      }
    }
  }

  .radio-button-yellow.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
    background: rgb(224, 209, 0) !important;
    border-color: rgb(224, 209, 0) !important;
    &::before {
      background: rgb(224, 209, 0) !important;
    }
  }

  .radio-button-orange.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
    background: orange !important;
    border-color: orange !important;
    &::before {
      background: orange !important;
    }
  }

  .radio-button-red.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
    background: red !important;
    border-color: red !important;
    &::before {
      background: red !important;
    }
  }

  .line-title-head {
    position: relative;
    > span {
      margin-left: 12px;
      font-size: 17px;
      font-weight: 500;
      color: #333;
      line-height: 17px;
      &.smallTitle {
        font-size: 14px;
        font-weight: 400;
        color: #999999;
      }
    }
    &::before {
      content: " ";
      width: 3px;
      height: 14px;
      background: #1F3B8A;
      border-radius: 1px;
      position: absolute;
      top: 3px;
    }
  }

  .filter{
    position:absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    // backdrop-filter: blur(1.5px);
    cursor: not-allowed;
}

.flex {
  display: flex;
}

.ant-form-explain {
  max-height: 22px !important;
}

.list-loading {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,0.6);
  display: flex;
  align-items: center;
  justify-content: center;
}

.ant-col-304 {
  width: 14.28%;
  flex: 0 0 auto;
    float: left;
}

.item-enclosue {
  >span {
    margin-right: 6px;
    font-size: 30px;
  }
}

.ant-popover-inner-content {
  word-break: break-all;
}

.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ellipsis-2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.ellipsis-3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.ellipsis-4 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

.ant-tooltip-inner {
  display: inline-block;
}

.ant-tooltip {
  max-width: 400px !important;
}

.ant-table-tbody > tr:hover:not(.ant-table-expanded-row) > td,.ant-table-row-hover,.ant-table-row-hover>td{
  background: #fafafa !important;
}